<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>如何接任务？</title>
	<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport" id="<viewport></viewport>" />
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/g-guide.css">
</head>
<body>
	<section class="guide">
		<div>
			<h4>如何接任务？</h4>
		</div>
	</section>
	<section class="g-list">
		<div class="l-title">
			<img src="images/g-num-1.png" alt="">
			<h6>打开首页</h6>
			<p>点击用户头像</p>
		</div>
		<div class="g-tu">
			<img src="images/g-tu-l-42.jpg" alt="">
		</div>
		<div class="l-title">
			<img src="images/g-num-2.png" alt="">
			<h6>通过首页搜索框,进入搜索页面</h6>
			<p>输入地点名称可以查看附近的任务</p>
		</div>
		<div class="g-tu">
			<img src="images/g-tu-l-43.jpg" alt="">
		</div>
		<div class="l-title">
			<img src="images/g-num-3.png" alt="">
			<h6>通过首页筛选按钮,进入筛选页面</h6>
			<p> 筛选条件,点击确定,进行快速筛选</p>
		</div>
		<div class="g-tu">
			<img src="images/g-tu-l-44.jpg" alt="">
		</div>
		<div class="l-title">
			<img src="images/g-num-4.png" alt="">
			<h6>也可以切换到首页列表页面</h6>
			<p>选择中意的任务点击进行查看</p>
		</div>
		<div class="g-tu">
			<img src="images/g-tu-l-45.jpg" alt="">
		</div>
		<div class="l-title">
			<img src="images/g-num-5.png" alt="">
			<h6>进入任务详情页面</h6>
			<p>点击"我要参加",点击头像可以进入他人空间</p>
		</div>
		<div class="g-tu">
			<img src="images/g-tu-l-46.jpg" alt="">
		</div>
		<div class="l-title">
			<img src="images/g-num-6.png" alt="">
			<h6>进入聊天页面</h6>
			<p> 参与任务成功</p>
		</div>
		<div class="g-tu">
			<img src="images/g-tu-l-47.jpg" alt="">
		</div>
		
	</section>
</body>
</html>


